<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <div th:include="common/head_info::head_infor"></div>
    <title>Title</title>
</head>
<body>
<div class="container center" style="margin-top: 20px;">
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            输入爬取URL：<input type="text" name="spiderUrl"  id="spiderUrl" class="form-control" placeholder="输入爬去的url" style="width: 300px">
        </div>
        <button type="button" class="btn btn-default" onclick="getData()">更新</button>
    </form>
</div>
<div>
    <div style="margin-left: 30px">
        <p>温馨提示：如果是抓一条数据，在输入框中输入html的数字，如果是抓取一个范围内的数字，在输入框输入数字范围，格式为 1,6 ，包括1和6。</p>
        <p>目前支持爬取的网站为：www.szcits.cn</p>
    </div>
</div>
<script>
    function getData() {
        var number = $("#spiderUrl").val();
        $.ajax({
            url: "/spider/crawl",
            type: "POST",
            dataType: "json",
            data:{number:number},
            success:function (json) {
                alert(json.message);
            },
            error : function() {
                alert("发生了一个未知错误。请刷新重试。");
            }
        });
    }
</script>
</body>
</html>